<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7 charset={$charset}" />
<meta http-equiv="Content-Type" content="text/html;charset={$charset}" />
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="/includes/libraries/javascript/jquery.js" charset="utf-8"></script>
<script type="text/javascript" src="scripts/swfobject.js"></script>
<script type="text/javascript" src="scripts/fullAvatarEditor.js"></script>
</head>
<body>
<div style="width:100%;margin: 0 auto;text-align:center">
  <div>
    <p id="swfContainer">本组件需要安装Flash Player后才可使用，请从<a href="http://www.adobe.com/go/getflashplayer">这里</a>下载安装。</p>
  </div>
  <button type="button" id="upload" style="display:none;margin-top:8px;">swf外定义的上传按钮，点击可执行上传保存操作</button>
  <input type="hidden" id="c_input" value="<?php if($_GET['c_input']){ echo($_GET['c_input']); }else{ echo('btnZM'); }?>" />
  <input type="hidden" id="c_img" value="<?php if($_GET['c_img']){ echo($_GET['c_img']); }else{ echo('btnZM'); }?>" />
</div>
<script type="text/javascript">
swfobject.addDomLoadEvent(function () {
	//以下两行代码正式环境下请删除
	if(location.href.indexOf('http://') == -1) 
	alert('请于WEB服务器环境中查看、测试！\n\n既 http://*/simpleDemo.html\n\n而不是本地路径 file:///*/simpleDemo.html的方式');
	var swf = new fullAvatarEditor("fullAvatarEditor.swf", "expressInstall.swf", "swfContainer", {
			id : 'swf',
			upload_url : '/data/fullAvatarEditor/upload.php?userid=12&username=looselive',	//上传接口
			method : 'post',	//传递到上传接口中的查询参数的提交方式。更改该值时，请注意更改上传接口中的查询参数的接收方式
			src_upload : 0,		//是否上传原图片的选项，有以下值：0-不上传；1-上传；2-显示复选框由用户选择
			avatar_box_border_width : 0,
			src_box_height: <?php if($_GET['box_height']){ echo($_GET['box_height']); }else{ echo('450'); }?>, 
			src_box_width: <?php if($_GET['box_width']){ echo($_GET['box_width']); }else{ echo('580'); }?>,
			avatar_sizes: '<?php if($_GET['avatar_sizes']){ echo($_GET['avatar_sizes']); }else{ echo('550*347'); }?>', 
			avatar_sizes_desc: '<?php if($_GET['avatar_sizes']){ echo($_GET['avatar_sizes']); }else{ echo('550*347'); }?>像素'
		}, function (msg) {
			switch(msg.code)
			{
				case 1 : break;
				case 2 : 
					//alert("已成功加载图片到编辑面板。");
					//document.getElementById("upload").style.display = "inline";
					break;
				case 3 :
					if(msg.type == 0)
					{
						//alert("摄像头已准备就绪且用户已允许使用。");
					}
					else if(msg.type == 1)
					{
						//alert("摄像头已准备就绪但用户未允许使用！");
					}
					else
					{
						//alert("摄像头被占用！");
					}
				break;
				case 5 : 
					if(msg.type == 0)
					{
						if(msg.content.sourceUrl)
						{
							alert("原图已成功保存至服务器，url为：\n" +　msg.content.sourceUrl+"\n\n" + "头像已成功保存至服务器，url为：\n" + msg.content.avatarUrls.join("\n\n")+"\n\n传递的userid="+msg.content.userid+"&username="+msg.content.username);
						}
						else
						{
							//alert("头像已成功保存至服务器，url为：\n" + msg.content.avatarUrls.join("\n\n")+"\n\n传递的userid="+msg.content.userid+"&username="+msg.content.username);
							alert("上传成功！");
							var str_split = msg.content.avatarUrls;
							var c_input = $("#c_input").val();
							var c_img = $("#c_img").val();
							parent.$("#"+c_input).val(str_split[0]);
							parent.$("#"+c_img).attr("src",str_split[0]);
							DialogClose();
						}
					}
				break;
			}
		}
	);
	document.getElementById("upload").onclick=function(){
		swf.call("upload");
	};
});
function DialogClose(){
  parent.$("#FloatBg").hide();
  parent.$("#FloatBoxBg").hide();
  parent.$("#FloatBox").hide();
}
</script>
</body>
</html>